import { CSSProperties, PropsWithChildren } from "react";
type SpanProps = {
    className?: string;
    style?: CSSProperties;
    onClick?: React.MouseEventHandler<HTMLSpanElement>;
};

const Span = function ({ className, style, onClick, children }: PropsWithChildren<SpanProps>) {
    const spanStyle = {
        color: "#ffffff",
    };
    return (
        <>
            <span className={className} style={{ ...spanStyle, ...style }} onClick={onClick}>
                {children}
            </span>
        </>
    );
};
export default Span;
